<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			header{
				width: 1000px;
				height: 100px;
				margin: 0 auto;
				background-color: red;
				text-align: center;
				font-size: 40px;
				color: wheat;
			}
			nav{
				width: 1000px;
				height: 100px;
				background-color: green;
				text-align: center;
				margin: 0 auto;
				font-size: 40px;
			}
			.content{
				width: 1000px;
				height: 500px;
				background-color:yellow;
				text-align: center;
				margin: 0 auto;
				font-size: 40px;
			}
			.content .content_left{
					width: 200px;
					height: 500px;
					background-color: olivedrab;
					text-align: center;
					float: left;
					font-size: 40px;
			}
			.content .content_right{
					width: 800px;
					height: 500px;
					background-color:blue;
					text-align: center;
					float: left;
					font-size: 40px;
			}
			article{
				width: 180px;
				height: 50px;
				margin: 10px;
				border-radius: 10px;
				background-color: burlywood;
			}
			.lists{
				width: 180px;
				height: 400px;
				margin: 10px;
				border-radius: 10px;
				background-color: gray;
				font-size: 16px;
			}
			footer{
					width: 1000px;
					height: 200px;
					background-color: black;
					text-align: center;
					font-size: 40px;
					color: white;
					margin: 0 auto;
			}

		</style>
	</head>
	<body>
		<header>头部</header>
		<nav>导航</nav>
		<section class="content">
			<aside class="content_left">
				<article>标题</article>
				<section class="lists">
					<ul>
						<li class="list_item">检测费可视对讲分开了</li>
						<li class="list_item">检测费可视对讲分开了</li>
						<li class="list_item">检测费可视对讲分开了</li>
					</ul>
				</section>
			</aside>
			<aside class="content_right"></aside>
		</section>
		<footer>底部</footer>
	</body>
</html>
